<template>
    <div class="channel-detail">
        
        <Row>
            <Col span="23" style="background:white" >

                 <Row>
                    <Col span="12" class="form-back">
                    

                         <Row >
                                <Col span="10" ><p class="notwrap">渠道编号:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.merNumber }}</Col>
                        </Row>

                          <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">渠道名称:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.merName }}</Col>
                          </Row>

                           <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">联系人姓名:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.contactName }}</Col>
                          </Row>


                           <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">联系人手机号:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.contactMblNo }}</Col>
                          </Row>

                           <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">超级管理员姓名:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.adminName }}</Col>
                          </Row>

                          <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">超级管理员手机号:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.adminMblNo }}</Col>
                          </Row>

                          <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">维护渠道负责人:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.maintainUserId }}</Col>
                          </Row>

                         <Row class="margin-top-8">
                                <Col span="10" ><p class="notwrap">维护渠道负责人电话:</p></Col>
                                <Col span="14" class="padding-left-8">{{ format.maintainUserMbl }}</Col>
                          </Row>

                        <div style="margin-top:40px;margin-left:100px">
                        <Button type="primary" class="tablePageBtnStyle"  @click="back()">返回</Button>
                        </div>
                    </Col>
                    <Col span="12"></Col>
                 </Row>

            </Col>
            <Col span="1"></Col>
        </Row>


    </div>
</template>

<script>

    import systemApi from '../../api/api'
	import CustomSwitch from '../../components/custom-switch/custom-switch'
	import fetchList from '../../api/fetchList'
	import dateFormat from '../../tool/date'
	import codeManage from '../../api/statusCodeManage';


export default {
    name: 'channelDetail',
        data () {
            return{

                   format:{
                       adminMblNo:'',
                       adminName:'',
                       contactMblNo:'',
                       contactName:'',
                       maintainUserId:'',
                       maintainUserMbl:'',
                       maintainUserName:'',
                       merName:'',
                       merNumber:''
                   }
            

            }

        },

        methods:{
            //获取渠道详情
            getDetail(ChannelID){
                let _this = this;
                
                 systemApi.channelAPI.getChannelDetail({merId:ChannelID}).then(
					res => {
                        
                        if (res.errorCode === 0) {

                            _this.format = res.body;
                        }
                  
					
					},
					err => {
                        
						  codeManage.showTipOfStatuCode(err, this);
					}
				)
            },
            //返回
            back(){

                history.back();
            }

        },

        created(){
         
            this.getDetail(this.$route.query.channelID);
        },



}
</script>


<style lang="less">

    @import '../../styles/main';

        .channel-detail{
            margin-top: 15px;
            margin-left: 15px;

            .form-back{
            margin-top:20px;
            padding:10px;
            margin-left: 20px;
            margin-bottom:100px;
            font-size: 13px;
            }
            .rowItem{
                margin-top: 10px;
            }
            .margin-top-8{
                margin-top: 25px;
            }
            .notwrap{
                text-align: center;
            }
        }

        
</style>
